


// 轮播图里面二级导航显示隐藏的那一块
var a1 = document.querySelector(".a1");
var a2 = document.querySelector(".a2");
var a3 = document.querySelector(".a3");
var a4 = document.querySelector(".a4");
var a5 = document.querySelector(".a5");
var b1 = document.querySelector(".b1");
var b2 = document.querySelector(".b2");
var b3 = document.querySelector(".b3");
var b4 = document.querySelector(".b4");
var b5 = document.querySelector(".b5");




a1.onmouseover = function () {
    b1.style.display = "block";
    a1.style.backgroundColor = "rgb(54, 68, 116)"

}
a1.onmouseout = function () {
    b1.style.display = "none";
    a1.style.backgroundColor = ""
}

a2.onmouseover = function () {
    b2.style.display = "block";
    a2.style.backgroundColor = "rgb(54, 68, 116)"

}
a2.onmouseout = function () {
    b2.style.display = "none";
    a2.style.backgroundColor = ""
}

a3.onmouseover = function () {
    b3.style.display = "block";
    a3.style.backgroundColor = "rgb(54, 68, 116)"
}
a3.onmouseout = function () {
    b3.style.display = "none";
    a3.style.backgroundColor = ""
}

a4.onmouseover = function () {
    b4.style.display = "block";
    a4.style.backgroundColor = "rgb(54, 68, 116)"
}
a4.onmouseout = function () {
    b4.style.display = "none";
    a4.style.backgroundColor = ""
}

a5.onmouseover = function () {
    b5.style.display = "block";
    a5.style.backgroundColor = "rgb(54, 68, 116)"

}
a5.onmouseout = function () {
    b5.style.display = "none";
    a5.style.backgroundColor = ""
}









// 这里是热门推荐下面那一块 查看详细 的显示隐藏
// var a6 = document.querySelector(".a6");
// var a7 = document.querySelector(".a7");
// var a8 = document.querySelector(".a8");
// var a9 = document.querySelector(".a9");
// var a10 = document.querySelector(".a10");
// var a11 = document.querySelector(".a11");
// var b6 = document.querySelector(".b6");
// var b7 = document.querySelector(".b7");
// var b8 = document.querySelector(".b8");
// var b9 = document.querySelector(".b9");
// var b10 = document.querySelector(".b10");
// var b11 = document.querySelector(".b11");




// a6.onmouseover = function () {
//     b6.style.display = "block";

// }
// a6.onmouseout = function () {
//     b6.style.display = "none";
// }

// a7.onmouseover = function () {
//     b7.style.display = "block";

// }
// a7.onmouseout = function () {
//     b7.style.display = "none";
// }

// a8.onmouseover = function () {
//     b8.style.display = "block";
// }
// a8.onmouseout = function () {
//     b8.style.display = "none";
// }

// a9.onmouseover = function () {
//     b9.style.display = "block";
// }
// a9.onmouseout = function () {
//     b9.style.display = "none";
// }

// a10.onmouseover = function () {
//     b10.style.display = "block";

// }
// a10.onmouseout = function () {
//     b10.style.display = "none";
// }
// a11.onmouseover = function () {
//     b11.style.display = "block";

// }
// a11.onmouseout = function () {
//     b11.style.display = "none";
// }



var hong1=document.getElementsByClassName('p-btn');
var hong =document.getElementsByClassName('clearfix');
for(var i=0;i<hong.length;i++){
    hong[i].onmouseenter=function(){
        // console.log(111111);
    this.lastElementChild.style.display='block'
    }
    hong[i].onmouseleave=function(){
       this.lastElementChild.style.display='none'
    };
}







// var cur1=document.querySelector(".cur1");
// var cur2=document.querySelector(".cur2");
// var cur3=document.querySelector(".cur3");
// var cur4=document.querySelector(".cur4");

// cur1.onmouseover=function(){

// }








// 热门推荐的jQuery的渲染
$('.extra li').mouseover(function () {
    console.log(123);
    $(this).addClass('current1').siblings().removeClass('current1');

    // 内容根据index来切换
    $('.bd').eq($(this).index()).addClass('div_show').siblings().removeClass('div_show');

});




// 厨房电器的jQuery的渲染
// $('.appliances li').mouseover(function () {
//     console.log(123);
//     $(this).addClass('hd_one').siblings().removeClass('hd_one');

//     // 内容根据index来切换
//     $('.bd-right').eq($(this).index()).addClass('righ_show').siblings().removeClass('righ_show');

// });



// 大家电的jQuery的渲染
$('.appliances2 li').mouseover(function () {
    console.log(123);
    $(this).addClass('hd_one2').siblings().removeClass('hd_one2');

    // 内容根据index来切换
    $('.bd-right2').eq($(this).index()).addClass('righ_show2').siblings().removeClass('righ_show2');

});



// 个护健康的jQuery的渲染
$('.appliances3 li').mouseover(function () {
    console.log(123);
    $(this).addClass('hd_one3').siblings().removeClass('hd_one3');

    // 内容根据index来切换
    $('.bd-right3').eq($(this).index()).addClass('righ_show3').siblings().removeClass('righ_show3');

});




// 五金家装的jQuery的渲染
$('.appliances4 li').mouseover(function () {
    console.log(123);
    $(this).addClass('hd_one4').siblings().removeClass('hd_one4');

    // 内容根据index来切换
    $('.bd-right4').eq($(this).index()).addClass('righ_show4').siblings().removeClass('righ_show4');

});






// 生活电器的jQuery的渲染
$('.appliances5 li').mouseover(function () {
    console.log(123);
    $(this).addClass('hd_one5').siblings().removeClass('hd_one5');

    // 内容根据index来切换
    $('.bd-right5').eq($(this).index()).addClass('righ_show5').siblings().removeClass('righ_show5');

});



















// 最底下的轮播图

var active = document.querySelector(".onli");
var slideshow = document.querySelector(".awg-bd_ul");
var wicket = document.querySelector(".awg-bd");
var prev = document.querySelector(".awg-bd_lf");
var next = document.querySelector(".awg-bd_rig");
var counter_tp = 0;
var counter_xyd = 0;

// 1.鼠标移入wicket内左右箭头显示
// 移出隐藏
wicket.onmouseover = function () {
    prev.style.display = "block";
    next.style.display = "block";
    // clearInterval(wicket.automove);
}
wicket.onmouseout = function () {
    prev.style.display = "none";
    next.style.display = "none";
    // automove();
}






function moveAnimation2(ele, index) {
    clearInterval(ele.time);
    ele.time = setInterval(function() {

        if (ele.offsetLeft == index) {
            clearInterval(ele.time);
        } else {
            var targer = (index - ele.offsetLeft) / 10;

            if (targer > 0) {
                targer = Math.ceil(targer)
            } else if (targer < 0) {
                targer = Math.floor(targer)
            }

            ele.style.left = ele.offsetLeft + targer + "px";
        }

    }, 20)
};
var num=0;
$('.awg-bd_lf').click(function(){
    num--;
    if(num<0){
        num=2;
    }
    $('.rig_one li').eq(num).addClass('onli1').siblings().removeClass('onli1');

    var targer=num*-1200
    moveAnimation2($('.awg-bd .awg-bd_ul')[0],targer)
    
});
$('.awg-bd_rig').click(function(){
    num++;
    if(num==3){
        num=0;
    }
    $('.rig_one li').eq(num).addClass('onli1').siblings().removeClass('onli1');

    var targer=num*-1200
    moveAnimation2($('.awg-bd .awg-bd_ul')[0],targer)
    
});
$('.rig_one li').mouseover(function () {
    num=$(this).index()
    $(this).addClass('onli1').siblings().removeClass('onli1');
    var targer=num*-1200
    // 内容根据index来切换
    moveAnimation2($('.awg-bd .awg-bd_ul')[0],targer)

});







// 侧边跳楼
var main1OffsetTop = $('.catetop-main').offset().top;
        $(window).scroll(function() {
            // 侧边栏显示
            if ($(window).scrollTop() >= main1OffsetTop) {
                $('#side-bar').fadeIn(500);
            } else {
                $('#side-bar').fadeOut(500);
            };
            // 使侧边栏变色
            $('.floor').each(function(index, value) {
                if ($(window).scrollTop() >= value.offsetTop) {
                    console.log(1);
                    $('.item11').eq(index).addClass('active').siblings().removeClass('active');
                }
            })

        });
        $('#bar8').click(function() {  
            // 注意用html
            $('html').animate({
                scrollTop: 0
            }, 1000);
        });
        $('#bar7').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 4100
            }, 1000);
        });
        $('#bar6').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 3360
            }, 1000);
        });
        $('#bar5').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 2720
            }, 1000);
        });
        $('#bar4').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 2000
            }, 1000);
        });
        $('#bar3').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 1250
            }, 1000);
        });
        $('#bar2').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 800
            }, 1000);
        });
        $('#bar1').click(function() {
            // 注意用html
            $('html').animate({
                scrollTop: 450
            }, 1000);
        });

        $('#side-bar div').mouseover(function () {
            console.log(123);
            $(this).addClass('active').siblings().removeClass('active');
        });





